@charset "utf-8";
* { margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var,h1,h2,h3,h4,h5,h6{ font-style: normal; font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
li { list-style: none; }
html { width: 100%; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-webkit-size-adjust: 100%; height: 100%;}
body { 
	font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,sans-serif; 
	font-weight:normal; 
	width: 100%; 
	font-size: 14px; 
	margin: 0 auto; 
	min-height: 100%; _height: 100%; 
	position: relative; 
	background: #fff;
}
input, button, select, textarea { outline: none; font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,sans-serif; }
button { border: 0; }
a { text-decoration: none; color: #333; outline: medium none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
input{-webkit-tap-highlight-color:rgba(255,255,255,0)}
/*支付方式选择*/
.pay-method{
	background:#fff;
	border-radius: 10px;
	position: absolute;
	left:5%;
	width:90%;
	text-align: center;
	padding:12px;
	box-sizing: border-box;
	bottom:32px;
	display: none;
}
.pay-method li{
	height:60px;
	line-height: 60px;
	border-bottom:1px solid #ebebeb;
}
.pay-method li:last-child{
	border-bottom:none;
}
.pay-method li a{
	display: block;
}
.pay-method li img{
	width:36px;
	vertical-align: middle;
	margin-right: 12px;
}
/*支付方式选择*/
/*头部*/
header{
	height: 44px;
	width: 100%;
	width: 100%; 
	position: fixed; 
    top: 0; 
    left: 0;     
    z-index: 9999; 
   	background:#3ec1ff; 
}
header h2 { 
	color: #fff; 
	text-align: center; 
	line-height:44px; 
	font-size:18px;
}
header .returns { 
	position: absolute; 
	padding:0px;
	height: 30px; 
	top: 7px; 
	left: 5px; 
	background: url(../image/ico-back.png) center center no-repeat; 
	width: 30px; 
	height: 30px; 
	display: block;
	background-size:26px 26px; 
}
/*头部*/
.list{
	overflow: hidden;
	text-align: left;
	
	margin-bottom: 10px;
}
.list li{
	background:#fff;
	height:46px; 
	line-height: 46px;
	position:relative;
}
.m-list li{
	margin-bottom:10px;
}

.l-list{
	background:#fff;
	padding:0 16px;
}
.l-list li{
	border-bottom:1px solid #ebebeb;
}
.list li span{
	float:left;
	height:46px; 
	line-height:46px; 
	font-size:14px; 
	color:#8c8c8c;
}
.list li select{ 
	width:30%; 
	height:30px; 
	font-size:14px; 
	margin:8px 2% 0 0
}
.list li .input{  
	height:20px; 
	line-height:20px; 
	color:#444; 
	border:none; 
	text-indent:10px; 
	font-size:14px;  
	float:left; 
	width:86%; 
	color:#444; 
	padding:8px 0; 
	margin-top:6px
}
.list li .active{ 
	color:#444
}
.list li.last{ 
	border:none!important
}
.list li input{
	vertical-align: middle;
}
.list li.number .input[placeholder], [placeholder], *[placeholder] {
  font-size:14px
}
.list li.number .input{ 
	font-size:14px!important
}
.list li{
	position:realtive;
	font-size:16px;
}
.list li label{
	width:92px;
	position: absolute;
	left:0;
	top:0;
}
.m-list li label{
	left:16px;
}
.list li .input,
.list li span{
	margin-left:96px;
	text-indent: 0;
}
.l-list li span{
	margin-left: 80px;
}
.list li select{
	border:none;
	width:100%;
	margin-left:96px;
	background:transparent;
}

.mask{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	background:rgba(34,34,34,0.3);
	display: none;
	text-align: center;
}
.btn{
	display: block;
	width: 90%;	
	height: 44px;
	line-height: 44px;
	border-radius: 5px;	
	margin:32px auto 0;
	color:#fff;
	font-size:18px;
	text-align: center;	
}
.btn-blue{
	background-image: -webkit-linear-gradient(bottom, rgb(62,178,255) 0%, rgb(62,188,255) 52%, rgb(62,199,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,178,255) 0%, rgb(62,188,255) 52%, rgb(62,199,255) 100%);
	background-image: linear-gradient(to top, rgb(62,178,255) 0%, rgb(62,188,255) 52%, rgb(62,199,255) 100%);
}
.wrapper{
	font-size:14px;
	text-align: center;
	line-height:24px;
}
.wrapper .box{
	width:260px;
	padding: 20px 20px 44px;
	margin:12px auto;
    position: relative;
	box-shadow:2px 2px 8px rgba(0,0,0,0.5);	
	background:#fff;    
}
.box .ercode{
	margin-bottom:44px;
    margin-top:24px;
}
.box .ercode img{
	width:80%;
}
.btn-wchat-pay{
	width:90%;
	display:block;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	background-color:#ed1c24;
	font-size:15px;
	margin:auto;
	margin-top:32px;
}

#code{
    margin:auto;
}
.wrapper .intro{
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    height:44px;
    background: #f0f0f0;
    color:#8e8e8e;
    text-align: center;
    line-height: 44px;
}
.wrapper .bottom{
    margin-top:32px;
}
.wrapper .bottom img{
	width:24px;
	vertical-align: middle;
	margin-right: 8px;
}
.blue{
	color:#3ebfff;
}
.orange{
	color:#f48416;
}
.wrapper .top{
	font-size:16px;
	height:40px;
	line-height: 40px;
	position: relative;
	background:#dcdcdc;
}
.wrapper .top img{
	width:80px;
	position: absolute;
	right:16px;
	top:8px;
}
.wrapper .main{
	background:#fff;
	text-align: center;
	padding:36px;
}
.wrapper .main img{
	width:80px;
}
.wrapper .main p{
	margin-top:24px;
	font-size:20px;
}